﻿<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
   <meta charset="utf-8" />
   <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
   <!-- Mobile viewport optimized: h5bp.com/viewport -->
   <meta name="viewport" content="width=device-width">

   <title>Ishang 理财</title>

   <meta name="robots" content="noindex, nofollow">
   <meta name="description" content="MetroUI-Web : Simple and complete web UI framework to create web apps with Windows 8 Metro user interface." />
   <meta name="keywords" content="metro, metroui, metro-ui, metro ui, windows 8, metro style, bootstrap, framework, web framework, css, html" />
   <meta name="author" content="AozoraLabs by Marcello Palmitessa"/>
   
   <!-- remove or comment this line if you want to use the local fonts -->
   <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>

   <link rel="stylesheet" type="text/css" href="content/css/bootstrap.css">
   <link rel="stylesheet" type="text/css" href="content/css/bootstrap-responsive.css">
   <link rel="stylesheet" type="text/css" href="content/css/bootmetro.css">
   <link rel="stylesheet" type="text/css" href="content/css/bootmetro-tiles.css">
   <link rel="stylesheet" type="text/css" href="content/css/bootmetro-charms.css">
   <link rel="stylesheet" type="text/css" href="content/css/metro-ui-light.css">
   <link rel="stylesheet" type="text/css" href="content/css/icomoon.css">


   <!--  these two css are to use only for documentation -->
   <link rel="stylesheet" type="text/css" href="content/css/demo.css">
   <link rel="stylesheet" type="text/css" href="scripts/google-code-prettify/prettify.css" >

   <!-- Le fav and touch icons -->
   <link rel="shortcut icon" href="content/ico/favicon.ico">
   <link rel="apple-touch-icon-precomposed" sizes="144x144" href="content/ico/apple-touch-icon-144-precomposed.png">
   <link rel="apple-touch-icon-precomposed" sizes="114x114" href="content/ico/apple-touch-icon-114-precomposed.png">
   <link rel="apple-touch-icon-precomposed" sizes="72x72" href="content/ico/apple-touch-icon-72-precomposed.png">
   <link rel="apple-touch-icon-precomposed" href="content/ico/apple-touch-icon-57-precomposed.png">
  
   <!-- All JavaScript at the bottom, except for Modernizr and Respond.
      Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
      For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ -->
	  <!--日历-->
	<link type="text/css" rel="stylesheet" href="content/css/calendar.css" >
<script type="text/javascript" src="content/css/calendar.js" ></script>  
<script type="text/javascript" src="content/css/calendar-zh.js" ></script>
<script type="text/javascript" src="content/css/calendar-setup.js"></script>
   <script src="scripts/modernizr-2.6.1.min.js"></script>
   

   <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-3182578-6']);
      _gaq.push(['_trackPageview']);
      (function() {
         var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
         ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
         var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
   </script>
   <script src="scripts/register.js"></script>
</head>

<body data-accent="blue">
  <!-- Prompt IE 6 users to install Chrome Frame. Remove this if you support IE 6.
       chromium.org/developers/how-tos/chrome-frame-getting-started -->
  <!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->

   <!-- Header
   ================================================== -->
   <header id="nav-bar" class="container-fluid">
      <div class="row-fluid">
         <div class="span8">
            <div id="header-container">
               <a id="backbutton" class="win-backbutton" href="./index.html"></a>
               <h5>Ishang 理财</h5>
               <div class="dropdown">
                  <a class="header-dropdown dropdown-toggle accent-color" data-toggle="dropdown" href="#">
                     Start
                     <b class="caret"></b>
                  </a>
                  <ul class="dropdown-menu">
                  <li><a href="./hub.html">注册</a></li>
                  <li><a href="./tiles-templates.html">赚钱啦</a></li>
                  <li><a href="./listviews.html">花钱了</a></li>
                  <li><a href="./appbar-demo.html">看股票</a></li>
                  <li><a href="./index.html">Home</a></li>
               </ul>
            </div>
            </div>
         </div>
         <div id="top-info" class="pull-right">
         <div class="name"><a href="#" class="pull-left">
            <div class="top-info-block">
               <h3>FirstName</h3>
               <h4>LastName</h4>
            </div>
            <div class="top-info-block">
               <b class="icon-user"></b>
            
			</div>
         </a>
         <hr class="separator pull-left"/>
         <a id="settings" class="pull-left" href="#">
            <b class="icon-settings"></b>
			
         </a></div>
      </div>
   </div>
   
   
   <div id="charms" class="win-ui-dark in" style="display: block;">
<div id="theme-charms-section" class="charms-section">
<div class="charms-header">

<h2>Settings</h2>
</div>
<div class="row-fluid">
<div class="span12">
<form class="">
<label for="win-theme-select">Change theme:</label>
<select id="win-theme-select" class="">
<option value="metro-ui-semilight">Semi-Light</option>
<option value="metro-ui-light">Light</option>
<option value="metro-ui-dark">Dark</option>
</select>
</form>
</div>
</div>
</div>
</div>
   
   
   
   </header>
   
   <div class="container-fluid">
      <div class="row-fluid">
         <div class="metro span12">
            <div class="metro-sections">
   
               <div id="section1" class="metro-section tile-span-4">
   
                  <h2>Function</h2>
				                    <a class="tile wide imagetext bg-color-blue" href="./scaffolding.html">
                     <div class="image-wrapper">
                        <img src="content/img/login.png" />
                     </div>
                     <div class="column-text">
                        <div class="text">Grid system</div>
                        <div class="text">Layouts</div>
                        <div class="text">Responsive design</div>
                     </div>
                     <span class="app-label">个人资料</span>
                  </a>
   
                  <a class="tile wide imagetext bg-color-blueDark" data-toggle="modal" href="#myModa3">
                     <div class="image-wrapper">
                        <img src="content/img/keep accounts.png" />
                     </div>
                     <div class="column-text">
                        <div class="text4"><font size="6"><strong>赚钱啦</strong></font></div>
                     </div>
                     <div class="app-label">记收入请点击此模块</div>
                  </a>
				  			       <div id="myModa3" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
               <div class="modal-header">
                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                 <h3 id="myModalLabel">Modal Heading</h3>
               </div>
               <div class="modal-body">
                 <h4>Text in a modal</h4>
                 <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem.</p>
   
                 <h4>Popover in a modal</h4>
                 <p>This <a href="#" role="button" class="btn popover-test" title="A Title" data-content="And here's some amazing content. It's very engaging. right?">button</a> should trigger a popover on click.</p>
   
                 <h4>Tooltips in a modal</h4>
                 <p><a href="#" class="tooltip-test" title="Tooltip">This link</a> and <a href="#" class="tooltip-test" title="Tooltip">that link</a> should have tooltips on hover.</p>
   
                 <hr>
   
                 <h4>Overflowing text to show optional scrollbar</h4>
                 <p>We set a fixed <code>max-height</code> on the <code>.modal-body</code>. Watch it overflow with all this extra lorem ipsum text we've included.</p>
                 <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
                 <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
                 <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p>
                 <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
                 <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
                 <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p>
               </div>
               <div class="modal-footer">
                 <button class="btn" data-dismiss="modal">Close</button>
                 <button class="btn btn-primary">Save changes</button>
               </div>
             </div>
   
                  <a class="tile wide imagetext wideimage bg-color-orange" data-toggle="modal" href="#myModa4">
                                         <div class="pay"> <div class="image-wrapper">
                        <img src="content/img/pay.png" />
                     </div>
                     <div class="column-text">
                        <div class="text4"><font size="6"><strong>花钱了</strong></font></div>
                     </div>
                     <div class="app-label">记支出请点击此模块</div></div>
                  </a>
				       <div id="myModa4" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
               <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
<span id="ui-dialog-title-addPay" class="ui-dialog-title">&nbsp&nbsp&nbsp&nbsp&nbsp添加支出 - 细账模式</span>
</div>
<div id="addPay" class="ajaxForm ui-dialog-content ui-widget-content" style="width: auto; min-height: 0px; height: auto;" scrolltop="0" scrollleft="0">
<form id="new_pay" class="new_pay" method="post" data-remote="true" action="/pays" accept-charset="UTF-8" novalidate="novalidate">
<div style="margin:0;padding:0;display:inline">
<input type="hidden" value="✓" name="utf8">
<input type="hidden" value="TxRrpPNyA2I4/O9Jf4TfJAhEOi41MeUpzZKCyfU/kS0=" name="authenticity_token">
</div>

<p class="floatLeft" style="width:360px;">
<label for="pay_类别 ">类别 
<select id="pay_subcategory" name="pay[subcategory]" class="valid">
<optgroup label="衣容">
<option value="16">服饰鞋包</option>
<option value="17">洗衣清洁</option>
<option value="18">美容理发</option>
<option value="19">其他</option>
</optgroup>
<optgroup label="食品">
<option value="20">菜钱水果</option>
<option value="21">外食支出</option>
<option value="22">烟酒零食</option>
<option value="23">其他</option>
</optgroup>
<optgroup label="居家">
<option value="24">日用必需</option>
<option value="25">水电煤气</option>
<option value="26">物业维修</option>
<option value="27">家具电器</option>
<option value="28">房屋租金</option>
<option value="29">通讯网络</option>
<option value="30">其他</option>
</optgroup>
<optgroup label="交通">
<option value="31">油钱保养</option>
<option value="32">停车洗车</option>
<option value="33">车费计程</option>
<option value="34">旅行开销</option>
<option value="35">其他</option>
</optgroup>
<optgroup label="杂项">
<option value="36">进修培训</option>
<option value="37">书报视听</option>
<option value="38">医药保健</option>
<option value="39">休闲娱乐</option>
<option value="40">孝敬送礼</option>
<option value="41">其他</option>
</optgroup>
<optgroup label="子女">
<option value="42">子女教育</option>
<option value="43">安亲托儿</option>
<option value="44">童装玩具</option>
<option value="45">其他</option>
</optgroup>
</select>
</label>
</p>
<p class="floatLeft clearBoth" style="width:360px;">
<label for="pay_real_amount">金额
<input id="pay_real_amount" class="amount {required:true,number:true,range:[0.01, 999999999]}" type="text" value="0" size="13" origin_cc="0" origin_amount="0" name="pay[real_amount]" maxlength="12" max_money="50000.0" max_limit="50000.0">
</label>
</p>

<p class="floatLeft">
 <label class="checkbox inline">
<input type="checkbox" id="inlineCheckbox1" value="option1"><span class="metro-checkbox">信用卡</span>
</label>
<label class="checkbox inline">
<input type="checkbox" id="inlineCheckbox2" value="option2"><span class="metro-checkbox">可报销</span>
</label>
<label class="checkbox inline">
<input type="checkbox" id="inlineCheckbox3" value="option3"><span class="metro-checkbox">每月自动记上</span>
</label>
</p>


<p class="clearBoth floatLeft mayselect" style="width:360px;">
<label for="pay_trade_date">时间
<input type="text" id="EntTime" name="EntTime" onclick="return showCalendar('EntTime', 'y-mm-dd');"  />
</label>
<label for="pay_member">成员
<select id="pay_member" name="pay[member]">
<option value="50">自己</option>
<option value="51">家庭</option>
<option value="52">子女</option>
<option value="53">配偶</option>
<option value="54">其他</option>
</select>
</label>
</p>
<p class="clearBoth mayselect" style="width:360px;">
<label for="pay_memo">备注
<input id="pay_memo" type="text" size="40" placeholder="可不填" name="pay[memo]" color="#555">
</label>
</p>


<p class="clearBoth buttonStyle">
<input type="submit" value="保存" name="commit" data-disable-with="保存中">
<input type="submit" value="保存并再记录一笔" name="create_again" data-disable-with="保存并再记录一笔">
<a class="cancel" href="/">取消</a>
</p>
</ul>
</div>
              
            
             </div>
				  
   
                  <a class="tile app wide bg-color-greenDark" href="./table.html">
                     <div class="image-wrapper"><div class="shares">
                        <img src="content/img/shares.png" /></div>
						<div class="text4"><div class="shares1"><font size="6"><strong>看股票</strong></font></div></div>
                     </div>
                     <div class="column-text">
                        
                     </div>
                     <div class="app-label">看股票请点击此模块</div>
                  </a>
   
                  
                  
   
                  
   
               </div>
			   
			   <div id="section2" class="metro-section title-span-2">
   
                  <h2>About</h2>
				  <a class="tile app bg-color-yellow" href="./images.html">
                     <div class="image-wrapper">
                        <span class="icon icon-images"></span>
                     </div>
                     <span class="app-label">关于我们</span>
                  </a>
				
   
                  <div class="register"><a class="tile app bg-color-blueDark" href="./icons.html">
                     <div class="image-wrapper">
                        <span class="icon icon-IcoMoon" ></span>
                     </div>
                     <span class="app-label">指导老师</span>
                  </a>

           
             </div> 
   
               </div>
   
               <!--<div id="section3" class="metro-section tile-span-2">-->
                  <!--<h2>Category 3</h2>-->
                  <!--<div class="tile tile-double bg-color-blue">-->
                     <!--<div class="tile-icon-large">-->
                        <!--<img src="content/img/Live%20SkyDrive.png" />-->
                     <!--</div>-->
                     <!--<span class="tile-label">Live SkyDrive</span>-->
                  <!--</div>-->
                  <!--<div class="tile bg-color-blueDark">-->
                     <!--<div class="tile-icon-large">-->
                        <!--<img src="content/img/Bluetooth.png" />-->
                     <!--</div>-->
                     <!--<span class="tile-label">Bluetooth</span>-->
                  <!--</div>-->
                  <!--<div class="tile bg-color-red">-->
                     <!--<div class="tile-icon-large">-->
                        <!--<img src="content/img/Control%20Panel.png" />-->
                     <!--</div>-->
                     <!--<span class="tile-label">Control Panel</span>-->
                  <!--</div>-->
                  <!--<div class="tile bg-color-green">-->
                     <!--<div class="tile-icon-large">-->
                        <!--<img src="content/img/Signal.png" />-->
                     <!--</div>-->
                     <!--<span class="tile-label">WiFi Settings</span>-->
                  <!--</div>-->
                  <!--<div class="tile bg-color-yellow">-->
                     <!--<div class="tile-icon-large">-->
                        <!--<img src="content/img/Computer%20alt%202.png" />-->
                     <!--</div>-->
                     <!--<span class="tile-label">My Computer</span>-->
                  <!--</div>-->
               <!--</div>-->
   
            </div>
   
            <!-- <a id="tiles-scroll-prev" class="win-command carousel-control left" href="#metro-carousel" data-slide="prev">
               <span class="win-commandimage win-commandring">&#xe05d;</span>
            </a>
            <a id="tiles-scroll-next"  class="win-command carousel-control right" href="#metro-carousel" data-slide="next">
               <span class="win-commandimage win-commandring">&#xe059;</span>
            </a> -->
   
         </div>
      </div>
   </div>
   
   
   <div id="charms" class="win-ui-dark">
   
      <div id="theme-charms-section" class="charms-section">
         <div class="charms-header">
            <a href="#" class="close-charms win-command">
               <span class="win-commandimage win-commandring">&#xe05d;</span>
            </a>
            <h2>Settings</h2>
         </div>
   
         <div class="row-fluid">
            <div class="span12">
   
               <form class="">
                  <label for="win-theme-select">Change theme:</label>
                  <select id="win-theme-select" class="">
                     <option value="metro-ui-semilight">Semi-Light</option>
                     <option value="metro-ui-light">Light</option>
                     <option value="metro-ui-dark">Dark</option>
                  </select>
               </form>
   
            </div>
         </div>
      </div>
   
   </div>

   <!-- Grab Google CDN's jQuery. fall back to local if necessary -->
   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
   <script>window.jQuery || document.write("<script src='scripts/jquery-1.8.2.min.js'>\x3C/script>")</script>

   <script type="text/javascript" src="scripts/google-code-prettify/prettify.js"></script>
   <script type="text/javascript" src="scripts/jquery.mousewheel.js"></script>
   <script type="text/javascript" src="scripts/jquery.scrollTo.js"></script>
   <script type="text/javascript" src="scripts/bootstrap.min.js"></script>
   <script type="text/javascript" src="scripts/bootmetro.js"></script>
   <script type="text/javascript" src="scripts/bootmetro-charms.js"></script>
   <script type="text/javascript" src="scripts/demo.js"></script>
   <script type="text/javascript" src="scripts/holder.js"></script>

   <script type="text/javascript">
      $(".metro").metro();
   </script>
</body>
</html>
